body,
page,
view {
	box-sizing: border-box;
	flex-shrink: 0;
}

body {
	font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
		Arial, PingFang SC-Light, Microsoft YaHei;
	margin: 0;
	padding: 0;
	color: #1A2030;
	font-size: 28upx;
}

button {
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
	outline: none;
	background-color: transparent;
}
.orange{
    color:#F24611;
}

button:active {
	opacity: 0.6;
}

.border::after {
	border: 0;
}

.opacity0 {
	opacity: 0;
}

.block {
	display: block;
}
.inBlock {
	display: inline-block;
}

.inflex {
	display: inline-flex !important;
}

.flex-col {
	display: flex !important;
	flex-direction: column;
}

.flex-row {
	display: flex !important;
	flex-direction: row;
}

.justify-start {
	display: flex;
	justify-content: flex-start;
}

.justify-center {
	display: flex;
	justify-content: center;
}

.justify-end {
	display: flex;
	justify-content: flex-end;
}

.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}

.justify-around {
	display: flex;
	justify-content: space-around;
}

.justify-between {
	display: flex;
	justify-content: space-between;
}

.align-start {
	display: flex;
	align-items: flex-start;
}

.align-center {
	display: flex;
	align-items: center;
}

.align-end {
	display: flex;
	align-items: flex-end;
}

.align-between {
	display: flex;
	align-content: space-between;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.flex1 {
	flex: 1
}
.flex0 {
	flex: 0 !important;
}

.veralign {
	vertical-align: middle;
}

.placeholderStyle {
	font-size: 28rpx !important;
	color: #9CA2B9 !important;
	font-weight: normal !important;
}

.btn {
	transition: all 100ms;
}

.btn:active {
	transform: scale(0.9);
	transition: all 100ms;
}

.bordernone {
	border: none !important;
}
.w700{
    width:700rpx;
}
/* padding margin */
.mauto {
	margin-left: auto;
	margin-right: auto;
}

.ptb2 {
	padding-top: 4upx;
	padding-bottom: 4upx;
}

.ptb3 {
	padding-top: 6upx;
	padding-bottom: 6upx;
}

.ptb4 {
	padding-top: 8upx;
	padding-bottom: 8upx;
}

.plr2 {
	padding-left: 4upx;
	padding-right: 4upx;
}

.pt5 {
	padding-top: 10upx;
}

.pb5 {
	padding-bottom: 10upx;
}

.ptb5 {
	padding-top: 10upx;
	padding-bottom: 10upx;
}

.pl5 {
	padding-left: 10upx;
}

.plr5 {
	padding-left: 10upx;
	padding-right: 10upx;
}
.pt22{
    padding-top: 44rpx;
}
.pt6 {
	padding-top: 12upx;
}

.pb6 {
	padding-bottom: 12upx;
}

.ptb6 {
	padding-top: 12upx;
	padding-bottom: 12upx;
}
.mr25{
    margin-right: 50upx;
}
.plr6 {
	padding-left: 12upx;
	padding-right: 12upx;
}

.pl10 {
	padding-left: 20upx;
}

.pr11 {
	padding-right: 22upx;
}

.pt10 {
	padding-top: 20upx;
}

.plr10 {
	padding-left: 20upx;
	padding-right: 20upx;
}

.ptb8 {
	padding-top: 16upx;
	padding-bottom: 16upx;
}

.plr8 {
	padding-left: 16upx;
	padding-right: 16upx;
}

.ptb10 {
	padding-top: 20upx;
	padding-bottom: 20upx;
}

.pb10 {
	padding-bottom: 20upx;
}

.pt13 {
	padding-top: 26upx;
}

.pt15 {
	padding-top: 30upx;
}

.pl15 {
	padding-left: 30upx;
}

.pb15 {
	padding-bottom: 30upx;
}

.ptb12 {
	padding-top: 24upx;
	padding-bottom: 24upx;
}
.ptb13 {
	padding-top: 26upx;
	padding-bottom: 26upx;
}
.ptb15 {
	padding-top: 30upx;
	padding-bottom: 30upx;
}
.ptb15 {
	padding-top: 30upx;
	padding-bottom: 30upx;
}
.plr18 {
	padding-left: 36upx;
	padding-right: 36upx;
}
.ptb18 {
	padding-top: 36upx;
	padding-bottom: 36upx;
}
.pb20{
	padding-bottom: 40upx;
}
.ptb20 {
	padding-top: 40upx;
	padding-bottom: 40upx;
}
.pb25 {
	padding-bottom: 50upx;
}

.ptb25 {
	padding-top: 50upx;
	padding-bottom: 50upx;
}

.ptb12 {
	padding-top: 24upx;
	padding-bottom: 24upx;
}

.plr12 {
	padding-left: 24upx;
	padding-right: 24upx;
}

.pl14 {
	padding-left: 28upx;
}

.plr13 {
	padding-left: 25upx;
	padding-right: 25upx;
}

.plr14 {
	padding-left: 28upx;
	padding-right: 28upx;
}

.plr15 {
	padding-left: 30upx;
	padding-right: 30upx;
}
.plr16 {
	padding-left: 32upx;
	padding-right: 32upx;
}
.pl20 {
	padding-left: 40upx;
}

.plr20 {
	padding-left: 40upx;
	padding-right: 40upx;
}

.plr25 {
	padding-left: 50upx;
	padding-right: 50upx;
}

.plr40 {
	padding-left: 80upx;
	padding-right: 80upx;
}
.plr50 {
	padding-left: 100upx;
	padding-right: 100upx;
}
.pb30 {
	padding-bottom: 60upx;
}

.ptb30 {
	padding-top: 60upx;
	padding-bottom: 60upx;
}

.pb50 {
	padding-bottom: 100upx;
}

.pb70 {
	padding-bottom: 140upx;
}

.ml2 {
	margin-left: 4upx;
}

.mt3 {
	margin-top: 6upx;
}
.mtb10{
    margin: 20rpx 0 ;
}
.mt5 {
	margin-top: 10upx;
}

.ml5 {
	margin-left: 10upx;
}

.mr5 {
	margin-right: 10upx;
}

.mr6 {
	margin-right: 12upx;
}

.ml10 {
	margin-left: 20upx;
}

.mr10 {
	margin-right: 20upx;
}

.ml12 {
	margin-left: 24upx;
}

.ml15 {
	margin-left: 30upx;
}

.mr15 {
	margin-right: 30upx;
}

.mr20 {
	margin-right: 40upx;
}

.mlr15 {
	margin: 0 30upx;
}

.ml20 {
	margin-left: 40upx;
}

.mt8 {
	margin-top: 16upx;
}

.mt10 {
	margin-top: 20upx;
}

.mt12 {
	margin-top: 24upx;
}

.mt15 {
	margin-top: 30upx;
}

.mt18 {
	margin-top: 36upx;
}

.mt20 {
	margin-top: 40upx;
}

.mt25 {
	margin-top: 50upx;
}

.mt30 {
	margin-top: 60upx;
}

.mt50 {
	margin-top: 100rpx;
}
.mb50 {
	margin-bottom: 100rpx;
}
.mb5 {
	margin-bottom: 10upx;
}
.mb10 {
	margin-bottom: 20upx;
}

.mb12 {
	margin-bottom: 24upx;
}

.mb15 {
	margin-bottom: 30upx;
}
.mb18{
    margin-bottom: 36upx;
    }

.mb20 {
	margin-bottom: 40upx;
}

.pb100 {
	padding-bottom: 200upx;
}

/* Font-size color */
.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.white-space {
	white-space: pre-line;
}

.bold {
	font-weight: bold;
}

.fw5 {
	font-weight: 500;
}

.ft10 {
	font-size: 20upx;
}

.ft11 {
	font-size: 22upx;
}

.ft12 {
	font-size: 24upx;
}

.ft13 {
	font-size: 26upx;
}

.ft14 {
	font-size: 28upx;
}

.ft15 {
	font-size: 30upx;
}

.ft16 {
	font-size: 32upx;
}

.ft18 {
	font-size: 36upx;
}

.ft20 {
	font-size: 40upx;
}

.ft22 {
	font-size: 44upx;
}

.ft24 {
	font-size: 48upx;
}

.ft25 {
	font-size: 50upx;
}

.ft30 {
	font-size: 60upx;
}

.gray5{
	color: #5F6680;
}
.grayb {
	color: #bbbbbb;
}
.gray1c{
	color: #1C274C;
}
.grayb3{
	color: #b3b3b3;
}
.gray9 {
	color: #999999;
}
.gray9c{
	color: #9CA2B9;
}
.grayA8 {
	color: #A8A9AD;
}

.gray4 {
	color: #00000066;
}

.gray2 {
	color: #00000033;
}

.gray6 {
	color: #666666;
}

.gray3 {
	color: #333333;
}

.grayC {
	color: #CCCCCC;
}
.gray61 {
	color: #616882;
}

.graywhite {
	color: #6A7596;
}

.grayblue {
	color: #092E6B;
}

.grayblue3 {
	color: #3D5B8D;
}
.grayblue2 {
	color: #6390E1;
}

.purple {
	color: #752B8E;
}

.white4 {
	color: #ffffff66;
}

.white6 {
	color: rgba(255, 255, 255, 0.6);
}

.white8 {
	color: rgba(255, 255, 255, 0.8);
}

.white {
	color: #ffffff;
}

.black {
	color: #000000;
}

.brown {
	color: #410A25;
}

.light {
	color: #548999;
}
.light2{
	color: #5E90B4;
}
.light3{
	color: #518E99;
}
.light4 {
	color: #4A8993;
}

.lightColor {
	color: #338EF9;
}

.blue {
	color: #0E42D2;
}

.yellow {
	color: #F2B310;
}

.gold {
	color: #FFEBC3;
}

.red {
	color: #FF2525;
}
.red2{
	color: #FF6565;
}
.red3 {
	color: #E21515;
}
.delline {
	text-decoration: line-through;
}

.underline {
	text-decoration: underline;
}
.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wordba {
	word-break: break-all
}
.mlr10{
    margin-left: 20rpx;
    margin-right: 20rpx;
}
.blueBg{
    background-color: #277CC0;
}
.clamp {
	/* #ifdef APP-PLUS-NVUE */
	lines: 1;
	/* #endif */
	/* #ifndef APP-PLUS-NVUE */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	word-break: break-all;
	/* #endif */
}

.clamp2 {
	/* #ifdef APP-PLUS-NVUE */
	lines: 2;
	/* #endif */
	/* #ifndef APP-PLUS-NVUE */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
	/* #endif */
}

.clamp3 {
	/* #ifdef APP-PLUS-NVUE */
	lines: 3;
	/* #endif */
	/* #ifndef APP-PLUS-NVUE */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break: break-all;
	/* #endif */
}

.clamp4 {
	/* #ifdef APP-PLUS-NVUE */
	lines: 4;
	/* #endif */
	/* #ifndef APP-PLUS-NVUE */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	word-break: break-all;
	/* #endif */
}

.line18 {
	line-height: 1.8;
}
/* 背景图 */
.bgcover{
	background-size: cover;
	background-repeat: no-repeat;
}
.bg100{
	background-size: 100%;
	background-repeat: no-repeat;
}
/* 背景色 */
.bgWhite {
	background-color: #ffffff;
}
.bgInput{
	background-color: #F6F7FB;
}
.bgF8{
	background: #F7F8FA;
}
.bgF9 {
	background-color: #F9F9F9;
}
.bgPart {
	background-color: #ffffff !important;
}
.bgE {
	background-color: #eeeeee;
}
.bggreen {
	background-color: #00B42A;
}
.bgliner {
	background: linear-gradient(160deg, #820140 0%, #57002B 100%)
}
.bggray {
	background-color: #B3B3B3;
}
.bgBlue {
	background-color: #0291FF;
}
.bggreen1 {
	background-color: #548999;
}
.bgYellow {
	background-color: #FC812A;
}


.bggray9 {
	background-color: #999999;
}

.bglight {
	background-color: #540129;
}
.bglight2 {
	background-color: #5E90B4;
}
.bglight3 {
	background-color: #EBF7FF;
}
.bglight4 {
	background-color: #4A8993;
}

.bgRed {
	background-color: #FF6565;
}
.bgE6 {
	background-color: #E6F1F2;
}
.bgPopoup {
	background-color: #F9FAFC;
}

/* 边框 */
.bdlight {
	border: 1px solid #548999 !important;
}

.bdpur {
	border: 1rpx solid #548999;
}

.bde {
	border: 1px solid #eeeeee;
}

.bdwhite {
	border: 1px solid #ffffff;
}
.bdf7 {
	border: 1px solid #f7f7f7;
}
.bdwhite6 {
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.bdFF7D{
	border: 2rpx solid #FF7D00;
}
.bdbf1 {
	border-bottom: 1px solid #f1f1f1;
}

.bdbf7 {
	border-bottom: 1px solid #f7f7f7;
}

.bd99 {
	border: 1px solid #999999;
}
.bdte {
	border-top: 1px solid #eeeeee;
}

.bdbe {
	border-bottom: 1px solid #eeeeee;
}

.bd9 {
	border: 1px solid #999999;
}

.bdRed {
	border: 1px solid #EE5C5C;
}

.bdGold {
	border: 1px solid #D9C2AE;
}
.bdtran {
	border: 1px solid transparent;
}
.bdGray {
	border: 1px solid #CCCCCC;
}
.radius3 {
	border-radius: 6upx;
}

.radius4 {
	border-radius: 8upx;
}

.radius5 {
	border-radius: 10upx;
}
.radius6 {
	border-radius: 12upx;
}
.radius2 {
	border-radius: 5upx;
}

.radius8 {
	border-radius: 16upx;
}

.radius10 {
	border-radius: 20upx;
}
.radius15 {
	border-radius: 30upx;
}
.radius22 {
	border-radius: 45upx;
}

.radius50 {
	border-radius: 50%;
}

.topRadius10 {
	border-radius: 20upx 20upx 0 0;
}

.shadow {
	box-shadow: 0px 2upx 10upx 0px rgba(0, 0, 0, 0.02);
}

.shadow60 {
	box-shadow: 0rpx 0rpx 60rpx 0rpx rgba(191, 195, 216, 0.2);
}

/* 宽高 */
.w100 {
	width: 100%;
}

.w50 {
	width: 50%;
}

.w25 {
	width: 25%;
}

.w15 {
	width: 15%;
}

.h10 {
	height: 20upx;
}

.h20 {
	height: 40upx;
}

.lh20 {
	line-height: 40upx;
}

.h30 {
	height: 60upx;
}

.h40 {
	height: 80upx;
}

.lh40 {
	line-height: 80upx;
}

.h45 {
	height: 90upx;
}

.lh45 {
	line-height: 90upx;
}

.h50 {
	height: 100upx;
}

.lh50 {
	line-height: 100upx;
}
.h55{
	height: 110upx;
}
.overhide {
	overflow: hidden;
}

/* 定位 */
.posRelative {
	position: relative;
}

.posAbsort {
	position: absolute;
}

.posFixed {
	position: fixed;
}

.top0 {
	top: 0
}

.lf0 {
	left: 0;
}

.bottom0 {
	bottom: 0;
}

.btm0 {
	bottom: 0;
	padding-bottom: env(safe-area-inset-bottom)
}

.rt0 {
	right: 0;
}

.top44 {
	/* #ifdef H5 */
	top: 88upx;
	/* #endif */
}

.opt1 {
	opacity: 1 !important;
}

/* 其他 */
.zIndex99 {
	z-index: 99;
}
.zIndex999 {
	z-index: 999;
}

.btnMin {
	height: 88upx;
	line-height: 88upx;
	color: #ffffff;
	font-size: 32upx;
	border-radius: 10upx;
	background: linear-gradient(90deg, #5FB6FF, #338EF9);
	text-align: center;
}

.nav_backImg {
	width: 40rpx;
	height: 40rpx;
}

.btn_box view {
	width: 218upx;
	height: 68upx;
	line-height: 68upx;
}

.noscroll {
	max-height: 100vh;
	overflow: hidden;
}
.boxshadow20{
	box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(0,0,0,0.05);
}
.empty-btn{
	text-align: center;
	width: 100%;
	
}